<style include="print-preview-shared throbber md-select destination-select
    cr-hidden-style">
</style>
<print-preview-settings-section>
  <span slot="title">$i18n{destinationLabel}</span>
  <div slot="controls">
    <div class="throbber-container" hidden$="[[loaded]]">
      <div class="throbber"></div>
    </div>
    <select class="md-select" aria-label$="[[i18n(destinationLabel)]]"
        hidden$="[[!loaded]]"
        style="background-image:
            [[getBackgroundImages_(selectedValue, destination,
                                   noDestinations, dark)]];"
        disabled$="[[disabled]]"
        value="{{selectedValue::change}}">
      <template is="dom-repeat" items="[[recentDestinationList]]">
        <option value="[[item.key]]">[[item.displayName]]</option>
      </template>
      <option value="[[pdfDestinationKey_]]" hidden$="[[pdfPrinterDisabled]]">
        $i18n{printToPDF}
      </option>
      <option value="noDestinations"
              hidden$="[[!noDestinations]]" selected$="[[noDestinations]]">
        $i18n{noDestinationsMessage}
      </option>
      <option value="seeMore" aria-label$="[[i18n(seeMoreDestinationsLabel)]]">
        $i18n{seeMore}
      </option>
    </select>
  </div>
</print-preview-settings-section>
<print-preview-settings-section class="destination-additional-info"
    hidden$="[[!statusText_]]">
  <div slot="title"></div>
  <div slot="controls">
    <div class="destination-status"></div>
  </div>
</print-preview-settings-section>
